{% if NavUl is defined %}
    {{ NavUl }}
{% endif %}
<style>
    body{
        overflow-y: auto;
    }
    .view-more, #bt_app_stats_overview{
        float: right;
        line-height: 10px;
        height: 24px;
        margin: -3px 10px 0 0;
    }
    .smart-widget-hidden-section > ul > li {
        float: left;
        width:160px;
        margin-right: 5px;
        white-space: nowrap;
        padding-left: 5px;
        background-color: #e4e4e4;
    }
</style>

{#<div class="row">#}
    {#<div class="col-md-12">#}
        {#<div class="smart-widget">#}
            {#<div class="smart-widget-header">#}
                {#<strong>选择应用查看</strong>#}
                {#<a id='bt_app_stats_overview' class="btn btn-info btn-sm" href="{{ url('Stats/appStatsOverview') }}">总览</a>#}
            {#</div>#}
            {#<div class="smart-widget-inner">#}
                {#<div class="smart-widget-body" style="padding-left: 20px;">#}
                    {#{% for code,name in appStatsList %}#}
                    {#<a code="{{ code }}" style="margin-bottom: 10px;" class="btn btn-success">{{ name }}</a>#}
                    {#{% endfor %}#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#</div>#}
{#</div>#}
{#{% if schoolChartInfo is defined %}#}
    {#<div class="row">#}
    {#{% for chartInfo in schoolChartInfo %}#}
        {#<div class="col-md-4">#}
            {#<div class="smart-widget">#}
                {#<div class="smart-widget-header">#}
                    {#<strong>{{ chartInfo['title'] }}</strong>#}
                    {#<a class="btn btn-info btn-sm view-more" href="{{ chartInfo['url'] }}">更多</a>#}
                {#</div>#}
                {#<div class="smart-widget-inner">#}
                    {#<div class="smart-widget-body" style="padding-left: 20px;">#}
                        {#<iframe src="{{ chartInfo['url']~'/false' }}" frameborder="0" style="width: 100%;height: 300px;"></iframe>#}
                    {#</div>#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#{% endfor %}#}
    {#</div>#}
{#{% endif %}#}
{#{% if allLoginChart is defined %}#}
{#<div class="row">#}
    {#<div class="col-md-6">#}
        {#<div class="smart-widget">#}
            {#<div class="smart-widget-header">#}
                {#<strong>学生登陆情况</strong>#}
                {#<a class="btn btn-info btn-sm view-more" href="{{ url('Stats/loginChart?userType=1') }}">更多</a>#}
            {#</div>#}
            {#<div class="smart-widget-inner">#}
                {#<div class="smart-widget-body" style="padding-left: 20px;">#}
                    {#<iframe src="{{ url('Stats/loginChart/false?userType=1') }}" frameborder="0" style="width: 100%;height: 300px;"></iframe>#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#</div>#}
    {#<div class="col-md-6">#}
        {#<div class="smart-widget">#}
            {#<div class="smart-widget-header">#}
                {#<strong>教师登陆情况</strong>#}
                {#<a class="btn btn-info btn-sm view-more" href="{{ url('Stats/loginChart?userType=4') }}">更多</a>#}
            {#</div>#}
            {#<div class="smart-widget-inner">#}
                {#<div class="smart-widget-body" style="padding-left: 20px;">#}
                    {#<iframe src="{{ url('Stats/loginChart/false?userType=4') }}" frameborder="0" style="width: 100%;height: 300px;"></iframe>#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#</div>#}
{#</div>#}
{#{% endif %}#}
{% if allowAppChart is defined %}
    <div class="row">
        <div class="col-md-12">
            <div class="smart-widget">
                <div class="smart-widget-header">
                    <strong>学校应用情况-3.0</strong>
                    <span class="smart-widget-option">
                <span class="refresh-icon-animated" style="display: none;">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                <a id="bt_app_check_all_3" style="cursor:pointer;">
                    <i class="fa fa-check-square-o fa-fw"></i>&nbsp; 全选
                </a>
                <a id="bt_app_check_other_3" style="cursor:pointer;">
                    <i class="fa fa-check-square fa-fw"></i>&nbsp; 反选
                </a>
                <a class="widget-toggle-hidden-option" style="cursor:pointer;">
                    <i class="fa fa-cog fa-fw"></i>&nbsp; 设置
                </a>
            </span>
                </div>
                <div class="smart-widget-inner">
                    <div class="smart-widget-hidden-section" style="display: none;">
                        <ul class="clearfix" style="list-style-type:none;padding-left: 10px;">
                            {% for key,app in schoolAppList3 %}
                                <li>
                                    <input type="checkbox" name="ck_app_ver3" value="{{ app['packageName'] }}" id="ck_app_ver3_{{ key }}" {% if app['checked'] %}checked{% endif %}/>
                                    <label for="ck_app_ver3_{{ key }}">{{ app['appName'] }}</label>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                    <div class="smart-widget-body" style="padding-left: 20px;">
                        <div id="chart_app_ver3" style="width: 100%;height:500px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {#<div class="row">#}
        {#<div class="col-md-12">#}
            {#<div class="smart-widget">#}
                {#<div class="smart-widget-header">#}
                    {#<strong>学校应用情况-2.0</strong>#}
                    {#<span class="smart-widget-option">#}
                        {#<span class="refresh-icon-animated" style="display: none;">#}
                            {#<i class="fa fa-circle-o-notch fa-spin"></i>#}
                        {#</span>#}
                        {#<a id="bt_app_check_all_2" style="cursor:pointer;">#}
                            {#<i class="fa fa-check-square-o fa-fw"></i>&nbsp; 全选#}
                        {#</a>#}
                        {#<a id="bt_app_check_other_2" style="cursor:pointer;">#}
                            {#<i class="fa fa-check-square fa-fw"></i>&nbsp; 反选#}
                        {#</a>#}
                        {#<a class="widget-toggle-hidden-option" style="cursor:pointer;">#}
                            {#<i class="fa fa-cog fa-fw"></i>&nbsp; 设置#}
                        {#</a>#}
                    {#</span>#}
                {#</div>#}
                {#<div class="smart-widget-inner">#}
                    {#<div class="smart-widget-hidden-section" style="display: none;">#}
                        {#<ul class="clearfix" style="list-style-type:none;padding-left: 10px;">#}
                            {#{% for key,app in schoolAppList2 %}#}
                                {#<li>#}
                                    {#<input type="checkbox" name="ck_app_ver2" value="{{ app['name'] }}" id="ck_app_ver2_{{ key }}" {% if app['checked'] %}checked{% endif %}/>#}
                                    {#<label for="ck_app_ver2_{{ key }}">{{ app['name'] }}</label>#}
                                {#</li>#}
                            {#{% endfor %}#}
                        {#</ul>#}
                    {#</div>#}
                    {#<div class="smart-widget-body" style="padding-left: 20px;">#}
                        {#<div id="chart_app_ver2" style="width: 100%;height:500px;"></div>#}
                    {#</div>#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
    {#</div>#}
{% endif %}
